<template>
  <div class="common-layout" style="border: 1px solid #ccc">
    <el-container>
      <el-container style="height:45vmax;">
        <el-header>
          <!-- 返回上一页的按钮 -->
          <el-page-header @back="goBack" class="page-header">
            <template #content>
              <span class="text-large font-600 mr-3"> 返回上一页 </span>
            </template>
          </el-page-header>
        </el-header>
        <el-main>
          <Content style="height: 95%;" />
        </el-main>
      </el-container>
        <el-aside width="500px">
          <CreateProject />
        </el-aside>
    </el-container>
  </div>
</template>

<script>
import CreateProject from '@/components/CreateProject.vue';
import Content from '@/components/Content.vue';
export default {
  components:{CreateProject,Content},
  methods: {
    goBack() {
      this.$router.go(-1);
    },
  },
}
</script>

<style scoped>
.el-header{
  padding-top:1vmax;
}
.page-header{
  cursor: pointer;
}
.el-aside{
  background-color: #f2f2f2;
  margin: 1vmax;
  padding: 2vmin;
  border-radius: 40px;
}
</style>